<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
    <title>Cesium测试</title>
    <script src="CesiumUnminified/Cesium.js"></script>
    <link href="CesiumUnminified/Widgets/widgets.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
        body {
            padding: 0;
            margin: 0;
        }
    </style>
</head>
<body>

<div id="cesiumContainer" style="height:100vh;width:100vw"></div>
<script>
    var viewer = new Cesium.Viewer('cesiumContainer', {
        baseLayerPicker: false,
        timeline: false,
        homeButton: false,
        fullscreenButton: false,
        infoBox: false,
        sceneModePicker: false,
        navigationInstructionsInitiallyVisible: false,
        navigationHelpButton: false,
        geocoder: false,
        animation: false,
        selectionIndicator: false,
        imageryProvider: new Cesium.WebMapTileServiceImageryProvider({
            url: "http://t0.tianditu.com/vec_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=vec&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",
            layer: "tdtVecBasicLayer",
            style: "default",
            tileMatrixSetID: "GoogleMapsCompatible",
            format: "image/jpeg",
            show: false
        })
    });
    viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({
        url: "http://t0.tianditu.com/cva_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cva&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",
        layer: "tdtAnnoLayer",
        style: "default",
        format: "image/jpeg",
        tileMatrixSetID: "GoogleMapsCompatible",
        show: false
    }));
    addModel();
    function addModel() {
        var position = Cesium.Cartesian3.fromDegrees(113.55793,34.82538, 0.0);
        var F1Entity = new Cesium.Entity({
            position : position,
            name:'F1',
            show:true,
            model : {
                uri : 'model/F1.gltf',
                minimumPixelSize : 1,
                maximumScale : 2000,
                scale:0.85
            }
        });
        viewer.entities.add(F1Entity);
        viewer.trackedEntity=F1Entity;
    }
</script>
</body>
</html>